`:top

Ein `!Canvas`!-Element (vom englischen `*canvas`* für „`F33f`_`[Leinwand`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Leinwand]`_`f“ oder „`F33f`_`[Gemälde`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Gemälde]`_`f“) ist ein – in der Sprache `F33f`_`[HTML`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Hypertext_Markup_Language]`_`f – mit Höhen- und Breiten-Angaben beschriebener Bereich, in den per `F33f`_`[JavaScript`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=JavaScript]`_`f gezeichnet werden kann.`:cite-ref-1[`F5bf`_`[1`#cite-note-1]`_`f] Ursprünglich von der Firma `F33f`_`[Apple`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Apple]`_`f als Bestandteil des `F33f`_`[WebKit`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=WebKit]`_`f entwickelt, ist es später von der Arbeitsgruppe `F33f`_`[WHATWG`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Web_Hypertext_Application_Technology_Working_Group]`_`f als Bestandteil der Auszeichnungssprache `F33f`_`[HTML5`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=HTML5]`_`f standardisiert worden.

>>Contents

• `F0af`_`[Fähigkeiten`#f-higkeiten]`_`f

• `F0af`_`[Unterstützung`#unterst-tzung]`_`f

• `F0af`_`[Siehe auch`#siehe-auch]`_`f

• `F0af`_`[Weblinks`#weblinks]`_`f

• `F0af`_`[Einzelnachweise`#einzelnachweise]`_`f

-─

>>Fähigkeiten

Neben normalen Linien- und Rechteckszeichenfunktionen ermöglicht Canvas unter anderem das Zeichnen von:

• `F33f`_`[Kreisbögen`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Kreisbogen]`_`f

• `F33f`_`[Bézierkurven`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Bézierkurve]`_`f (quadratisch und kubisch)

• `F33f`_`[Farbverläufen`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Gradient_(Grafik)]`_`f

• Grafiken (Formate: PNG, GIF, JPEG), die `F33f`_`[skaliert`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Skalierung_(Computergrafik)]`_`f, positioniert und beschnitten werden können

• `F33f`_`[Transparenz`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Alphakanal]`_`f (mit mehreren Abstufungen)

• Text

Objekte und Objektgruppen können `F33f`_`[verschoben`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Koordinatentransformation]`_`f, `F33f`_`[rotiert`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Koordinatentransformation]`_`f und skaliert werden.

Wie bei `F33f`_`[OpenGL`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=OpenGL]`_`f und `F33f`_`[DirectX`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=DirectX]`_`f auch können Objekte in einem `F33f`_`[Stack`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Stapelspeicher]`_`f abgelegt werden, was die gezielte Manipulation von Objektgruppen ermöglicht. Animationen sind mittels Verwendung von JavaScript-Zeitfunktionen möglich.

Die Ausgabe von `F33f`_`[Vektorgrafik`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Vektorgrafik]`_`f wird nicht unterstützt.

>>Unterstützung

Canvas wird von aktuellen Browsern nativ unterstützt.`:cite-ref-2[`F5bf`_`[2`#cite-note-2]`_`f]

Microsofts `F33f`_`[Internet Explorer`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Internet_Explorer]`_`f unterstützt Canvas ab Version 9. Alte Versionen können jedoch mit `F33f`_`[Plugins`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Plug-in]`_`f, welche von Mozilla und Google zur Verfügung gestellt werden, um die Canvas-Funktion erweitert werden.`:cite-ref-3[`F5bf`_`[3`#cite-note-3]`_`f]`:cite-ref-4[`F5bf`_`[4`#cite-note-4]`_`f]

>>Siehe auch

• `F33f`_`[Canvas Fingerprinting`:/page/entry.mu`zim=wikipedia_de_all_nopic_2026-01.zim|entry_path=Canvas_Fingerprinting]`_`f

>>Weblinks

• Offizielle Canvas-Beschreibung (englisch)

• Einführung in Canvas

• Ausführliches Canvas-Tutorial bei Mozilla.org (englisch)

• canvas.quaese.de – Dokumentation, Einleitungen mit Beispielen, weiterführende Links

>>Einzelnachweise

`:cite-note-1`!1.`! `F0af`_`[↑`#cite-ref-1]`_`f `*Fingerprinting mit HTML5 Canvas Elementen blockieren.`* In: `*Privacy-Handbuch.`* Abgerufen am 18. Januar 2019.

`:cite-note-2`!2.`! `F0af`_`[↑`#cite-ref-2]`_`f `*Support tables for HTML5, CSS3, etc.`* Abgerufen am 26. April 2018 (englisch).

`:cite-note-3`!3.`! `F0af`_`[↑`#cite-ref-3]`_`f `*"Mozilla drags IE into the future with Canvas element plugin".`* Ars Technica, abgerufen am 27. Juli 2011 (englisch).

`:cite-note-4`!4.`! `F0af`_`[↑`#cite-ref-4]`_`f `*"ExplorerCanvas".`* Sourceforge, abgerufen am 29. November 2011 (englisch).

`c`F0af`_`[↑ Back to top`#top]`_`f`a